<template>
  <NuxtLayout>
    <main class="container mx-auto">
      <div class="py-24 text-center">
        <h1 class="text-3xl text-transparent sm:text-9xl bg-gradient-to-br from-blue-300 to-violet-600 bg-clip-text">
          4😯4
        </h1>
        <p class="mt-6 text-xl leading-7 text-slate-400">🤔 如果没有猜错，你肯定是迷路了。</p>
        <div class="mt-10 flex items-center justify-center gap-x-6">
          <a
            href="/"
            class="rounded-md bg-blue-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-600"
            >返回首页</a
          >
        </div>
      </div>
    </main>
  </NuxtLayout>
</template>
